@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px){.MainBodyFrame{width:100%;display:block;padding:0px;}
.MainSubFrame, .MainSubFrame2, .MainSubFrame3{width:100%;padding:0px 20px 0px 20px;display:block;}
.MainSubFrame3{margin:30px auto 0px auto;}
.TimeLine{height:auto;background:none;}
.TimeLine img{display:block;}
.FL{float:left !important;}
.FR{float:right !important;}
.Box50{height:auto;width:100%;float:none;display:table;margin-bottom:10px;height:auto;padding:0px;}
.Box51, .Box52{background:none;height:auto;}
.Box51 img, .Box52 img{display:block;}
.Box52{width:47%;}
.Box51{width:99%;}
.FrontBody{background:#fff;}
.FrameSlider1, .FrameSlider4{width:100%;display:none;}
.FrameFeedback2{width:100%;}
.FrameLatest{display:none;}
.FrontTop{height:98px;}
.FrontMargin{margin-top:50px;}
.HeaderFrame{height:auto;width:100%;}
.HeaderTop{height:auto;}
.HeaderMenu{width:100%;height:auto;}
#cssmenu{float:none;background-color:#000;}
.HeaderLeft{float:none;width:100%;background-position:50% 50%;}
.ShareMenu{display:none;}
.LangStyle{display:none;}
.SearchPosition{display:none;}
.jssorFrame{top:0px !important;}
.ProdStrip{display:none;}
.ProdBottom{display:none;}
.FramePhoto1{margin-top:30px;}
.TestStyle1{float:none;width:100%;margin:70px 0px 0px 0px;background-repeat:no-repeat;background-position:50% 10px;text-align:center;text-decoration:none;border:solid 1px #B5B5B5;padding-bottom:30px;margin-bottom:10px;}
.MainAbout{float:none;width:100%;margin:0px;padding:20px 0px 0px 0px;height:auto;}
.ProfileLeft{float:none;width:100%;}
.ProfileRight{float:none;width:100%;}
.BlogBox1{display:block;width:100%;float:none;margin-bottom:0px;}
.FooterTop{height:auto;width:100%;}
.FooterBottom{height:auto;}
.FooterLeft{float:none;width:100%;padding:10px 0 10px 0;text-align:center;line-height:24px;margin-top:30px;}
.MenuFrame{position:inherit;height:auto;border-bottom:0px;}
.FooterMenu2{float:none;width:100%;text-align:center;margin-bottom:30px;text-align:center;}
.FooterMenu2 a{line-height:20px;}
.FooterMenu{float:none;width:100%;padding:0px;text-align:center;}
.HeaderLogo{display:none;}
.MobileLogo{display:block;}
.SearchPosition{display:none;}
.MainLeft1{float:none;width:100%;margin:0px;padding:20px 0px 0px 0px;height:auto;}
.MainLeft2{float:none;width:100%;margin:0px;padding:20px 0px 0px 0px;height:auto;}
.MainLeft3{float:none;width:100%;margin:0px;padding:20px 0px 0px 0px;height:auto;}
.MainLeft4{float:none;width:100%;margin:0px;padding:20px 0px 20px 0px;height:auto;}
#cssmenu{float:none;width:100%;}
.FooterShare{float:none;display:table;margin:0px auto;}
.MoveUp{position:inherit;margin-top:20px;}
.FooterFrame1{height:auto;padding:20px 10px 20px 10px;text-align:center;}
.FooterQuote span{float:none;}
.FrameBtn{float:none;margin:10px auto 0px auto;}
#FloatBounce{display:none;}
.BlogBox2{float:none;width:100%;margin-bottom:20px;}
.BlogBox2 img{display:block;width:100%;height:auto;}
.ProductLeft{float:none;width:100%;max-width:400px;margin:20px auto 20px auto;}
.ProductRight{float:none;width:100%;margin:0px 0px 20px 0px;}
.CircleFrame{width:100%;height:auto;}
.CircleBox{float:none;display:block;width:200px;height:200px;margin:20px auto;}
.FooterFrame2{height:auto;}
.FooterBox3{float:none;width:100%;border-left:0px;border-bottom:solid 1px #DADADA;}
.FooterFrame3{padding:20px;}
.FrontVideo{height:150px;border:solid 1px #333;}
.LatestPro, .HappyPro{display:block;}
.Box4{height:auto !important;width:100%;float:none;margin-bottom:20px;}
.Box4 span{padding:20px 20px 0px 20px;height:100px !important;}
.TestStyle1{float:none;width:100%;height:auto;}
.GCol12{width:100%;float:none;}
.GCol22{width:100%;float:none;}
.LocateStyle{width:100%;}
.FrameContact{width:100%;}
.ProBox2{display:none;}
.HistoryStyle{background-image:none;}
.HistoryLeft, .HistoryRight{float:none;width:100%;height:auto;}
.HistoryLeft{padding-bottom:20px;color:#FAA61A;}
.History2Style{background-image:none;border-bottom:solid 10px #D8D8D8;}
.History2Left, .History2Right{float:none;width:100%;height:auto;}
.History2Left{padding-bottom:0px;color:#FAA61A;}
.MainLeftFrame{float:none;width:100%;padding:15px 0px 15px 0px;display:block;}
.MainRightFrame{float:none;width:100%;padding:15px 0px 15px 0px;}
.MainLeftFrame2{float:none;width:100%;padding:15px 0px 15px 0px;}
.MainRightFrame2{float:none;width:100%;}
.MainLeftFrame3{float:none;width:100%;}
.FrontLeft1{float:none;width:100%;height:auto;padding:20px 0px 0px 0px;}
.FrontRight1{float:none;width:100%;height:auto;padding:20px 0px 0px 0px;}
.FrontLeft2{float:none;width:100%;height:auto;padding-bottom:0px;}
.FrontRight2{float:none;width:100%;height:auto;margin-bottom:20px;}
.BlogLeft1{float:none;width:100%;padding-top:20px;}
.BlogRight1{float:none;width:100%;padding-top:20px;}
.BlogStyle img{width:100%;height:auto;}
.SNewsImage{float:none;width:100%;height:auto;margin:12px 0px 15px 0px;}
.DNewsBody img{width:100% !important;height:auto !important;}
.FrameComment{height:400px;margin-bottom:10px;}
.FrameContact{width:100%;height:600px;}
.CommonHeader2{padding-top:40px;height:80px;}
.CommonHeader7{font-size:30px;height:auto;line-height:50px;padding:20px 0px 0px 0px;}
.CommonDesc7{padding:0px 0px 20px 0px;background-image:none;}
.CommonDesc7 li{display:block;padding:0px 0px 0px 18px;margin:0px;background:url(../images/basic/bullet3.png) left center no-repeat;}
.CommonDesc7 b,.CommonDesc7 strong{font-weight:bold;}
.CommonDesc7 i,.CommonDesc7 em{font-style:italic;}
.CommonDesc7 a{text-decoration:underline;color:blue;}
.CommonHeader8{height:auto;font-size:24px;padding:30px 0px 0px 0px;text-align:center;line-height:40px;}
.CommonDesc8{color:#fff;padding:0px 0px 30px 0px;text-align:center;line-height:22px;}
.CommonDesc8 p{line-height:22px;}
.CommonHeader9{font-size:30px;height:auto;line-height:50px;padding:20px 0px 0px 0px;background-image:none;}
.CommonDesc1{padding:10px 0px 10px 0px;width:100%;}
.CommonDesc1 table{width:100%;border:0px;}
.CommonDesc1 h2{font-size:22px;margin:10px 0px 10px 0px;line-height:30px;background:url(../images/basic/shade.png) top center repeat-y;}
.CommonDesc1 img{width:100%;}
.QuoteBox1{background:url(../images/basic/quotes1.png) top center no-repeat;width:100%;padding:80px 0px 0px 0px;margin:30px 0px 30px 0px;}
.QuoteBox1 p{text-align:center;margin:0px 0px 0px 0px;padding:0px 10px 80px 10px;background:url(../images/basic/quotes2.png) center bottom no-repeat;line-height:22px;}
.QuoteBox1 li{display:block;padding:0px 0px 0px 18px;margin:0px;background:url(../images/basic/bullet3.png) left center no-repeat;}
.QuoteBox1 b,.QuoteBox1 strong{font-weight:bold;}
.QuoteBox1 i,.QuoteBox1 em{font-style:italic;}
.QuoteBox1 a{text-decoration:underline;color:blue;}
.CommonDesc1 table{width:100%;border:0px;}
.TableBody td{padding:6px 8px 6px 8px;}
.Commentleft{text-align:left;padding-left:10px;}
.Commentleft{text-align:left;padding-left:10px;}
.CommentRight{float:none;}
.CommentRight2{float:none;}
.CommentTB{width:95%;}
.CompanyDetail{width:100% !important;}
.CompanySmall{float:none;width:100% !important;padding:0px !important;}
.CompanyFull{float:none;width:100% !important;padding:0px !important;}
.CompanyDDBig{float:left;width:99%;}
.CompanyDD{float:left;width:88%;}
.CompanyTBBig{float:left;width:88%;}
.FR{float:left;}
.CompanyTB{float:left;width:88%;}
.AddressLeft, .AddressRight{width:100%;float:none;}
.MainMap2{display:none;}
.MainMap3{display:block;}
.CommonHeader10 { height:auto; }
#cFrame1 { display:none !important; }
#cFrame2 { display:block !important; }
}